<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>EDNASys - PainterCentral</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="humans.txt">
  
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
  
  <!--Facebook Metadata /-->
  <meta property="fb:page_id" content="" />
	<meta property="og:image" content="" />
	<meta property="og:description" content=""/>
	<meta property="og:title" content=""/>
  
  <!--Google+ Metadata /-->
	<meta itemprop="name" content="">
	<meta itemprop="description" content="">
	<meta itemprop="image" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

   <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <!-- <link rel="stylesheet" href="css/minified.css"> -->
  
  <!-- CSS imports non-minified for staging, minify before moving to production-->
  <link rel="stylesheet" href="css/imports.css">
  <!-- end CSS-->
<!--[if IE]>
      <link rel="stylesheet" href="css/ie.css">
      <![endif]-->
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="main-wrapper"> 
      <section class="row main-nav">
        <div class="header head" >
          <div class="logo six columns">
             <h1>Painting Central</h1>
          </div>
          <div class="ten columns main-menu">
             <div class="navbar clearfix" id="basicnav">
              <ul>
                 <li><a href="about.html">About </a></li>
                 <li><a href="services.html">Services</a></li>
                 <li><a href="contact.html">Contact Us</a></li>
                 <li ><a href="sign-in.html" id="login-menu">Login</a></li>
              </ul>
             </div>
          </div>
           <div class="clear"></div>
        </div>
      </section>
      <section class="row">
        <div class="eight columns sign-up-form " id="sign-up-form">
            <h2>Sign Up</h2>
             <form action="" method="">
                <dl class="field row">
                  <dt class="text"><input type="text" placeholder="First Name" title="First Name"required /></dt>
                  <dd class="msg"><span class="caret"></span>Please enter your first name.</dd>
                </dl>
                 <dl class="field row">
                  <dt class="text"><input type="text" placeholder="Last Name" title="Last Name" required /></dt>
                  <dd class="msg"><span class="caret"></span>YPlease enter your last name.</dd>
                </dl>
                <dl class="field row">
                  <dt class="text"><input type="email" placeholder="Enter your email" title="Enter your email"required /></dt>
                  <dd class="msg"><span class="caret"></span>Please enter your email</dd>
                </dl>
                <dl class="field row">
                  <dt class="text"><input type="password" placeholder="Password" title="Password" required /></dt>
                  <dd class="msg"><span class="caret"></span>Your password is weak</dd>
                </dl>
                 <dl class="field row">
                  <dt class="text"><input type="password" placeholder="Confirm Password" title="Password" required /></dt>
                  <dd class="msg"><span class="caret"></span>Your password is weak.</dd>
                </dl>
                <ul class="field row">
                  <li>
                    <label class="checkbox" for="Terms of Services">
                      <input name="Terms of Services" type="checkbox" id="checkbox" style="display:none;" required>
                      <span></span> I accept the <a href="" title="Terms of Service" > Terms of Service</a>
                    </label>  
                  </li> 
                </ul>
               
                <div class="row">
                  <p class="btn submit"><input type="submit" value="Submit"></p>
                </div>
            </form>
        </div>
        
        <!-- login form will be hidden untlil the  use click login option -->
         <!-- <div class="six columns login-form" id="login-section" style="display:none;"  >
            <h2>Login</h2>
             <form action="" method="" data-form="validate">
                <dl class="field row">
                  <dt class="text"><input type="email" placeholder="Enter your email" required /></dt>
                  <dd class="msg"><span class="caret"></span>You must enter your email.</dd>
                </dl>
                <dl class="field row">
                  <dt class="text"><input type="password" placeholder="Password" required /></dt>
                  <dd class="msg"><span class="caret"></span>You must enter your password</dd>
                </dl>
                <div class="row">
                  <p class="btn submit"><input type="submit" value="Login"></p>
                </div>
            </form>
        </div>
 -->
      </section>
  
  	<section class="row">
  	 

  	</section>

  </div> <!--! end of #container -->
  </div>

  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>

  <script src="js/libs/gumby.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
  <!-- end scripts-->


  <!-- Prompt IE 6 users to install Chrome Frame. We suggest that you not support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
  <!-- Social Widget Rendering Javascript /-->

  <script src="http://platform.twitter.com/widgets.js"></script>
  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
  <script type="text/javascript">
    (function() {
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
  </script>
  <!-- End Social Widget Rendering Javascript /-->
  <!-- add Shadow text for IE -->
    <!--[if IE]>
      <script type="text/javascript" src="js/shadow-text.js"></script>
      <![endif]-->
</body>
</html>
